<!--  -->
<template>
    <div class="login-wrapper">
        <el-container class="el-container" style="height:100%">
            <el-header style="height:80px">
                <div class="x-header">
                    <span>性能监控</span>
                </div>
            </el-header>
            <el-main class="el-main">
                <div class="login">
                    <div class="content">

                    </div>
                </div>
            </el-main>
        </el-container>
        
    </div>
</template>

<script>
export default {
    data () {
        return {
        };
    },

    components: {},

    computed: {},

    mounted(){},

    methods: {}
}

</script>
<style lang='less' scoped>
    .login-wrapper{
        height: 100%;
        .el-header{
            background: rgb(64, 158, 255);
        }
        .x-header{
            height: 80px;
            line-height: 80px;
            span{
                font-size: 18px;
                color: #fff;
            }
        }
    }
    .login{
        position: relative;
        height: 400px;
        .content{
            position: absolute;
            top: 100px;
            left: 50%;
            transform: translateX(-50%);
            width: 40%;
            height: 260px;
            min-width: 320px;
            max-width: 500px;
            background: #cccccc;
        }
    }
</style>